.bannersWrapper {
  background-size: 6000px;
  background-position: center center;
}

.bannersContent {
  height: 285px;
}

.bannersLeft {
  width: 980px;
  display: inline-block;
  
  .item {
    > img {
      height: 285px;
      width: 730px;
    }
  }
}

.customCarousel {
  :global(.slick-dots) {
    left: -27%;
    bottom: 15px;

    li {
      width: 6px;
      height: 6px;
      margin: 0 7px; /*活动点间距*/
      background: #c5c4cd; /* 非活动点背景色 */
      
      button,
      &.slick-active,
      &.slick-active::after {
        width: 6px;
        height: 6px;
        background: #b50b0b;
      }
    }
  }
}

.bannersRight {
  background-position: 0 0;
  float: right;
  margin-left: -255px;
  width: 255px;
  height: 285px;
  overflow: hidden;
} 